// Col 栅格可分为多少份
$col-span-max: 24;

// Button
$button-border-width: $border-width-base;
$button-border-radius: $border-radius-sm;
$button-round-border-radius: $border-radius-max;
$button-loading-size: 36rpx;
$button-icon-size: 1.2em;
$button-circle-padding: 10rpx;

// Button 类型主题配置
$button-default-color: $text-color;
$button-default-background: $white;
$button-default-border-color: $border-color;

$button-info-color: $white;
$button-info-background: $info;
$button-info-border-color: $info;
$button-info-plain-color: $info;
$button-info-plain-background: $white;

$button-primary-color: $white;
$button-primary-background: $primary;
$button-primary-border-color: $primary;
$button-primary-plain-color: $primary;
$button-primary-plain-background: $white;

$button-success-color: $white;
$button-success-background: $success;
$button-success-border-color: $success;
$button-success-plain-color: $success;
$button-success-plain-background: $white;

$button-warning-color: $white;
$button-warning-background: $warning;
$button-warning-border-color: $warning;
$button-warning-plain-color: $warning;
$button-warning-plain-background: $white;

$button-danger-color: $white;
$button-danger-background: $danger;
$button-danger-border-color: $danger;
$button-danger-plain-color: $danger;
$button-danger-plain-background: $white;

// Button 尺寸配置
$button-normal-height: 88rpx;
$button-normal-padding: 0 30rpx;
$button-normal-font-size: $font-size-md;

$button-mini-height: 48rpx;
$button-mini-padding: 0 $padding-base;
$button-mini-font-size: $font-size-xs;

$button-small-height: 64rpx;
$button-small-padding: 0 $padding-xs;
$button-small-font-size: $font-size-sm;

$button-large-height: 100rpx;
$button-large-padding: 0;
$button-large-font-size: 32rpx;

// CellGroup 单元格组
$cell-group-background: $white;
$cell-group-title-color: $gray-6;
$cell-group-title-padding: $padding-md $padding-md $padding-xs;
$cell-group-title-font-size: $font-size-md;
$cell-group-content-border-color: $border-color;

// Cell 单元格
$cell-font-size: $font-size-md;
$cell-vertical-padding: 20rpx;
$cell-horizontal-padding: $padding-md;
$cell-color: $text-color;
$cell-background: $white;
$cell-hover-background: $hover-color;
$cell-border-color: $border-color;
$cell-label-color: $gray-6;
$cell-label-font-size: $font-size-sm;
$cell-label-margin-top: $padding-base;
$cell-value-color: $gray-6;
$cell-icon-size: 36rpx;
$cell-right-icon-color: $gray-6;


// Popup
$popup-close-icon-color: $tips-color;

// Dialog
$dialog-width: 80%;
$dialog-background: $white;
$dialog-border-color: $border-color-light;
$dialog-border-radius: $border-radius-md;
$dialog-header-padding: 40rpx 0 0 0;
$dialog-header-font-size: $font-size-lg;
$dialog-header-font-weight: $font-weight-bold;
$dialog-header-color: $text-color;
$dialog-message-max-height: 60vh;
$dialog-message-padding: 50rpx 32rpx;
$dialog-message-font-size: 28rpx;
$dialog-message-line-height: 1.5;
$dialog-message-color: $text-color;
$dialog-action-height: 100rpx;
$dialog-action-font-size: 30rpx;
$dialog-action-font-weight: $font-weight-bold;
$dialog-cancel-color: $text-color;
$dialog-confirm-color: $primary;

// Toast
$toast-min-width: 240rpx;
$toast-max-width: 80%;
$toast-font-size: $font-size-md;
$toast-line-height: 1.5;
$toast-color: $white;
$toast-padding: $padding-sm;
$toast-background: rgba($black, .8);
$toast-border-radius: $border-radius-md;
$toast-icon-size: 70rpx;
$toast-loading-size: 50rpx;
$toast-loading-padding: $padding-xs;
$toast-has-icon-padding: $padding-sm;
$toast-has-icon-min-width: 200rpx;
$toast-has-icon-min-height: 200rpx;
$toast-has-icon-message-top: $padding-base;
$toast-top-distance: 20%;
$toast-bottom-distance: 20%;

// Iamge
$image-placeholder-font-size: $font-size-md;
$image-placeholder-text-color: $gray-6;
$image-placeholder-background: $background-color;
$image-loading-icon-size: 64rpx;
$image-loading-icon-color: $gray-4;
$image-error-icon-size: 64rpx;
$image-error-icon-color: $gray-4;

// Loading
$loading-size: 40rpx;
$loading-color: $gray-5;
$loading-animation-duration: .8s;

// Picker
$picker-height: 700rpx;
$picker-background: $white;
$picker-header-height: 100rpx;
$picker-indicator-height: 80rpx;
$picker-mask-background: linear-gradient(180deg, rgba($white, .95), rgba($white, .6)),
linear-gradient(0deg, rgba($white, .95), rgba($white, .6));
$picker-title-font-size: $font-size-lg;
$picker-header-border-color: $border-color-light;
$picker-action-padding: 0 $padding-md;
$picker-action-font-size: $font-size-md;
$picker-confirm-action-color: $primary;
$picker-confirm-action-disabled-color: $disabled-color;
$picker-cancel-action-color: $gray-6;
$picker-option-font-size: 30rpx;
$picker-option-color: $black;
$picker-option-padding: 0 $padding-base;

// Tabs
$tabs-height: 88rpx;
$tabs-background: $white;
$tabs-padding: 0 20rpx;
$tabs-font-size: $font-size-md;
$tabs-color: $gray-7;
$tabs-active-color: $primary;
$tabs-disabled-color: $disabled-color;
$tabs-border-color: $border-color;
$tabs-line-height: 6rpx;
$tabs-line-color: $tabs-active-color;
$tabs-line-border-radius: 6rpx;
$tabs-badge-transform: translate(80%, -60%);

// Search
$search-height: 108rpx;
$search-background: $white;
$search-color: $text-color;
$search-disabled-color: $disabled-color;
$search-padding: 20rpx $padding-sm;
$search-content-background: $background-color;
$search-content-border-radius: $border-radius-sm;
$search-content-shape-border-radius: $border-radius-max;
$search-input-padding: 0 20rpx;
$search-input-font-size: $font-size-md;
$search-placeholder-color: $placeholder-color;
$search-left-icon-size: $font-size-lg;
$search-left-icon-color: $text-color;
$search-left-icon-margin: 0 -10rpx 0 16rpx;
$search-right-icon-size: $font-size-lg;
$search-right-icon-color: $light-color;
$search-right-icon-margin: 0 16rpx 0 -10rpx;
$search-action-font-size: $font-size-md;
$search-action-color: $text-color;
$search-action-margin: 0 0 0 20rpx;

// Empty
$empty-padding: $padding-xl 0;
$empty-img-width: 320rpx;
$empty-img-height: 320rpx;
$empty-text-font-size: $font-size-md;
$empty-text-color: $tips-color;
$empty-text-margin-top: $padding-md;

// Table
$table-font-size: $font-size-md;
$table-background: $white;
$table-text-color: $content-color;
$table-padding: $padding-sm $padding-xs;
$table-border-color: $border-color;
$table-tr-stripe-background: $gray-2;
$table-sort-color: $content-color;
$table-sort-active-color: $primary;

// Badge
$badge-size: 28rpx;
$badge-color: $white;
$badge-padding: 0 8rpx;
$badge-font-size: 20rpx;
$badge-background: $danger;
$badge-zindex: 9;
$badge-dot-size: 16rpx;
$badge-dot-color: $danger;

// Grid
$grid-item-padding: $padding-md $padding-xs;
$grid-item-background: $white;
$grid-item-active-color: $active-color;
$grid-item-icon-size: 56rpx;
$grid-item-text-color: $gray-7;
$grid-item-text-font-size: $font-size-sm;
$grid-item-hover-background: $gray-2;

// NavBar
$nav-bar-font-size: 14px;
$nav-bar-background: $white;
$nav-bar-color: $black;
$nav-bar-border-color: $border-color;
$nav-bar-title-font-size: 16px;
$nav-bar-back-icon-size: 21px;
$nav-bar-zindex: 99;

// Tabbar
$tabbar-height: 100rpx;
$tabbar-zindex: 99;
$tabbar-background: $white;
$tabbar-item-font-size: 22rpx;
$tabbar-item-padding: 14rpx 0;
$tabbar-item-color: $gray-6;
$tabbar-item-active-color: $primary;
$tabbar-item-icon-size: 42rpx;
$tabbar-item-mid-button-circle-size: 100rpx;
$tabbar-item-mid-button-icon-size: 70rpx;
$tabbar-item-mid-button-icon-top: 14rpx;
$tabbar-border-color: $border-color;
$tabbar-box-shadow: $box-shadow-light;

// Divider
$divider-margin: $padding-md 0;
$divider-font-size: $font-size-md;
$divider-text-color: $tips-color;
$divider-border-color: $border-color;
$divider-content-padding: $padding-md;
$divider-border-left-width: 10%;
$divider-border-right-width: 10%;

// LoadMore
$loadmore-padding: 30rpx 10%;
$loadmore-text-size: $font-size-md;
$loadmore-text-color: $tips-color;
$loadmore-loading-size: 40rpx;
$loadmore-loading-color: $gray-5;

// Switch
$switch-size: 60rpx;
$switch-width: 2em;
$switch-height: 1em;
$switch-node-size: 1em;
$switch-on-node-translateX: 1em;
$switch-node-background: $white;
$switch-node-box-shadow: 0 6rpx 2rpx 0 rgba($black, .05),
0 4rpx 4rpx 0 rgba($black, .1),
0 6rpx 6rpx 0 rgba($black, .05);
$switch-inactive-color: $white;
$switch-active-color: $primary;
$switch-transition-duration: $animation-duration-base;
$switch-border: $border-width-base solid rgba($black, .1);

// Radio
$radio-size: 40rpx;
$radio-text-color: $text-color;
$radio-border-color: $gray-5;
$radio-label-margin: $padding-xs;
$radio-square-border-radius: 4rpx;
$radio-checked-color: $primary;
$radio-disabled-background-color: $gray-3;
$radio-disabled-icon-color: $gray-5;
$radio-disabled-label-color: $gray-5;

// Checkbox
$checkbox-size: 40rpx;
$checkbox-text-color: $text-color;
$checkbox-border-color: $gray-5;
$checkbox-label-margin: $padding-xs;
$checkbox-square-border-radius: 4rpx;
$checkbox-checked-color: $primary;
$checkbox-disabled-background-color: $gray-3;
$checkbox-disabled-icon-color: $gray-5;
$checkbox-disabled-label-color: $gray-5;

// Slider
$slider-active-background: $primary;
$slider-inactive-background: $gray-3;
$slider-disabled-opacity: $disabled-opacity;
$slider-bar-height: 4rpx;
$slider-button-width: 48rpx;
$slider-button-height: 48rpx;
$slider-button-border-radius: 50%;
$slider-button-background: $white;
$slider-button-box-shadow: 0 2rpx 4rpx rgba($black, .5);

// Rate
$rate-icon-size: 40rpx;
$rate-icon-gutter: $padding-base;
$rate-icon-void-color: $gray-5;
$rate-icon-full-color: rgb(247, 186, 42);
$rate-icon-disabled-color: $gray-5;

// IndexList
$index-list-color: $text-color;
$index-list-active-color: $primary;
$index-list-index-padding: 6rpx 12rpx;
$index-list-index-font-size: 20rpx;
$index-list-sidebar-zindex: 9;
$index-anchor-padding: 12rpx $padding-md;
$index-anchor-font-size: $font-size-md;
$index-anchor-background: $gray-1;
$index-anchor-color: $text-color;
$index-anchor-border-color: $border-color;
$index-list-alert-size: 120rpx;
$index-list-alert-radius: $border-radius-lg;
$index-list-alert-font-size: 50rpx;
$index-list-alert-right: 90rpx;
$index-list-alert-background: rgba($black, .65);
$index-list-alert-color: $white;
$index-list-alert-zindex: 9;

// Progress
$progress-background: $gray-3;
$progress-height: 12rpx;
$progress-border-radius: $border-radius-max;
$progress-text-size: $font-size-md;
$progress-text-color: $gray-7;
$progress-inner-text-size: $font-size-sm;
$progress-inner-text-color: $white;